/**********************************************************************/
/**************************载入字体图标*********************************/
/**********************************************************************/
@import url("//at.alicdn.com/t/font_1538310_dps24uqaz4.css");
/**********************************************************************/
/**************************字体扩展样式*********************************/
/**********************************************************************/
.iconfont_1538310.icon-loading-tail, .iconfont_1538310.icon-loading-tail-three, .iconfont_1538310.icon-loading-tail-dot {
 -webkit-animation: iconfont_1538310_loading 1s linear 1s infinite;
 -moz-animation: iconfont_1538310_loading 1s linear 1s infinite;
 -ms-animation: iconfont_1538310_loading 1s linear 1s infinite;
 -o-animation: iconfont_1538310_loading 1s linear 1s infinite;
 animation: iconfont_1538310_loading 1s linear 1s infinite;
 display: inline-flex;
}

@-webkit-keyframes iconfont_1538310_loading {
 0% {
  transform: rotate(0);
  -ms-transform: rotate(0); /* IE 9 */
  -webkit-transform: rotate(0); /* Safari and Chrome */
  -o-transform: rotate(0); /* Opera */
  -moz-transform: rotate(0); /* Firefox */
 }
 100% {
  transform: rotate(360deg);
  -ms-transform: rotate(360deg); /* IE 9 */
  -webkit-transform: rotate(360deg); /* Safari and Chrome */
  -o-transform: rotate(360deg); /* Opera */
  -moz-transform: rotate(360deg); /* Firefox */
 }
}

/*******************************************************************/
/************************全局样式******************************/
/*******************************************************************/
input {
 box-shadow: none !important;
}

/**禁止文字选中*/
.text-none-select {
 moz-user-select: -moz-none;
 -moz-user-select: none;
 -o-user-select: none;
 -khtml-user-select: none;
 -webkit-user-select: none;
 -ms-user-select: none;
 user-select: none;
}

/*******************************************************************/
/************************滚动条整体样式******************************/
/*******************************************************************/

/*-------滚动条整体样式----*/
*::-webkit-scrollbar {
 width: 6px;
 height: 0px;
 left: 0px;
}

/*滚动条里面小方块样式*/
*::-webkit-scrollbar-thumb {
 border-radius: 100px;
 background: #c3c3c3;
}

/*滚动条里面轨道样式*/
*::-webkit-scrollbar-track {
 border-radius: 6px;
 background: rgba(0, 0, 0, 0.1);
}

/*******************************************************************/
/************************flex 布局**********************************/
/*******************************************************************/
.flex {display: flex}

.flex-auto {flex: 1;}

.flex-column { flex-direction: column;}

.flex-row { flex-direction: row;}

.flex-wrap { flex-wrap: wrap}

.flex-align-center { align-items: center}

.flex-align-start { align-items: flex-start}

.flex-align-end { align-items: flex-end}
.flex-a-center { align-items: center}
.flex-a-start { align-items: flex-start}
.flex-a-end { align-items: flex-end}

.flex-content-end { justify-content: flex-end;}
.flex-content-start { justify-content: flex-start;}
.flex-content-center { justify-content: center;}
.flex-content-around { justify-content: space-around;}
.flex-content-between { justify-content: space-between;}

.flex-c-end { justify-content: flex-end;}
.flex-c-start { justify-content: flex-start;}
.flex-c-center { justify-content: center;}
.flex-c-around { justify-content: space-around;}
.flex-c-between { justify-content: space-between;}

/*******************************************************************/
/************************省略号********************************/
/*******************************************************************/
.text-ellipsis-box {
 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 1;
 -webkit-box-orient: vertical;
}

.text-ellipsis-box2 {
 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
}

.text-ellipsis-box3 {
 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 3;
 -webkit-box-orient: vertical;
}

.text-ellipsis-box4 {
 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 4;
 -webkit-box-orient: vertical;
}

.ellipsis-box {
 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 1;
 -webkit-box-orient: vertical;
}

.ellipsis-box2 {
 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
}

.ellipsis-box3 {
 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 3;
 -webkit-box-orient: vertical;
}

.ellipsis-box4 {
 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 4;
 -webkit-box-orient: vertical;
}


/**********************************************************************/
/**************************淘宝标签下拉列表******************************/
/**********************************************************************/
.multi-dropdown > div.display-name > i.icon-flag {
 transition: transform .2s ease-in;
}

.multi-dropdown.show > div.display-name > i.icon-flag {
 transform: rotate(180deg);
 -o-transform: rotate(180deg); /* Opera */
 -ms-transform: rotate(180deg); /* IE 9 */
 -moz-transform: rotate(180deg); /* Firefox */
 -webkit-transform: rotate(180deg); /* Safari and Chrome */
 transform-origin: 50% 50%; /* Opera */
 -o-transform-origin: 50% 50%; /* Opera */
 -ms-transform-origin: 50% 50%; /* IE 9 */
 -moz-transform-origin: 50% 50%; /* Firefox */
 -webkit-transform-origin: 50% 50%; /* Safari and Chrome */
}

/**标签抽屉样式**/
.p-dropdown-box {
 position: absolute;
 z-index: -99999;
 left: -10px;
 height: 460px;
 min-width: 500px;
 overflow: hidden;
}

.multi-dropdown.show .p-dropdown-box {
 z-index: 999
}

.p-dropdown-container {
 height: 430px;
 top: -460px;
 transition: .2s transform linear;
 position: absolute;
 width: calc(100% - 30px);
 left: 10px;
 padding: 6px;
 padding-left: 0px;
 border-radius: 6px;
 background: #ffffff;
 z-index: 9999999;
}

/*展开样式*/
.multi-dropdown.show .p-dropdown-box .p-dropdown-container {
 box-shadow: 0px 2px 20px 1px rgba(0, 0, 0, 0.2);
 transform: translateY(460px);
 -o-transform: translateY(460px); /* Opera */
 -ms-transform: translateY(460px); /* IE 9 */
 -moz-transform: translateY(460px); /* Firefox */
 -webkit-transform: translateY(460px); /* Safari and Chrome */
}

.p-dropdown-container .leftMenu {
}

.p-dropdown-container .leftMenu ul {
 width: calc(100% - 20px);
 height: calc(100% - 20px);
 overflow-x: hidden;
 overflow-y: scroll;
 position: absolute;
 background: #ffffff;
 list-style: none;
 direction: rtl;
}

/*-------滚动条整体样式----*/
.p-dropdown-container .leftMenu ul::-webkit-scrollbar {
 width: 0px;
 height: 0px;
 left: 0px;
}

/*滚动条里面小方块样式*/
.p-dropdown-container .leftMenu ul::-webkit-scrollbar-thumb {
 border-radius: 100px;
 -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
 background: #DEE1E6;
}

/*滚动条里面轨道样式*/
.p-dropdown-container .leftMenu ul::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
 border-radius: 0;
 background: rgba(0, 0, 0, 0.1);
}

.p-dropdown-container .leftMenu li {
 width: 100%;
 position: relative;
 right: 0
}

/**设置分类左边滚动条&内容靠左**/

.p-dropdown-container .leftMenu > ul > li {
 display: flex;
 justify-content: flex-end
}

/**设置第一个li上边框为none*/
.p-dropdown-container .leftMenu > ul > li:nth-child(1) {
 border-top: none;
}

.p-dropdown-container .leftMenu > ul > li > div.cat {
 width: 120px;
}

.p-dropdown-container .leftMenu > ul > li:hover div.cat {
 border-right: none;
 background: #F2F2F2
}

.p-dropdown-container .leftMenu > ul > li:hover div.cat .cat-name {
 color: #008ad3
}

/**设置内容下宽度*/
.p-dropdown-container .leftMenu > ul > li ul {
 flex: 1;
 z-index: 99;
 width: calc(100% - 130px);
 right: 0;
 top: 0;
 display: none;
 position: fixed;
 bottom: 0;
 display: none;
}

/**设置分类下的所有内容右边滚动条**/
.p-dropdown-container .leftMenu > ul > li * {
 direction: ltr;
}

.multi-dropdown.show .p-dropdown-container .leftMenu > ul > li:hover ul {
 display: block;
}

/**第一项内容展示*/
.multi-dropdown.show .p-dropdown-container .leftMenu > ul > li:nth-child(1) ul {
 display: block
}

/*******************************************************************************************************************/

/**********************************************************************/
/**************************以下是活动添加活动宝贝样式*********************/
/**********************************************************************/


.act-select-items .item {
 width: 530px;
 height: 88px;
 border: 1px solid #ccc;
 margin: 8px
}

.act-select-items .item:hover {
 border: 1px solid #2AA6F1;
}

.act-select-items .item.select {
 border: 2px solid #ed3252
}

.act-select-items .item .img-box {
 height: 100%;
 width: 88px;
 padding: 6px;
 border-radius: 6px;
 overflow: hidden
}

.act-select-items .item .op {
 width: 130px;
 height: 100%;
 position: relative
}

.act-select-items .item .op .join-other {
 position: absolute;
 background: #ed3252;
 color: #FFFFFF;
 width: 100%;
 height: 100%;
 z-index: 99;
 display: none;
}

.act-select-items .item .op.select .join-other { display: flex}


/*******************************************************************************************************************/
/*******************************************************************************************************************/
/***这里重写SUI 样式*********************************************************************
/*******************************************************************************************************************/
.sui-form, .sui-table, .sui-table *, .sui-form *{
    font-size:14px !important;
}
.sui-form input{
    height:unset !important;
}






